{include file="top.html"}
<link rel="stylesheet" href="{$CSS_PATH}order.css"/>
<!--detail Start-->
<div class="wrapper clearfix">
  <div class="container">
    <div class="center">
        {include file="user_left.html"}
        <div class="sidebar_r">
            <div class="box-hd">
                <h1 class="title">订单详情</h1>
            </div>
            <div class="order-list-box">
                <div class="order-box-bd">
                    <ul class="order-list">
                        <!--已完成-->
                        <li class="order-item ">
                            <div class="order-detail">
                                <table class="order-detail-table"> 
                                    <thead> 
                                        <tr>
                                            <th class="col-main"> 
                                                <p class="caption-info">订单号： <a href="javascript:;">{$order_detail.order_sn} </a><span class="sep">|</span>下单时间：{$order_detail.add_time}
                                                </p> 
                                                </th> 
                                            <th class="col-sub">
                                                 <p class="caption-price">{if $order_detail.pay_status eq '2'} 已完成{else}待付款{/if}</p>
                                             </th> 
                                        </tr> 

                                    </thead> 
                                    <tbody> 
                                        <tr> 
                                            <td class="order-items"> 
                                                <ul class="goods-list" > 
                                                    <li style="width:240px"> 
                                                        <div class="figure figure-thumb">   
                                                        <a href="javascript:;" target="_blank"> <img src="" width="" height="" alt=""> </a>  
                                                         </div>
                                                         <p class="name"> <a target="_blank" href="javascript:;">{$order_detail.goods_name}</a>  </p>
                                                         <p class="desc">
                                                             {foreach from=$goods_attr item=attr_val key=attr_key}
                                                                <span>{$attr_key}：<em> {$attr_val}</em></span>
                                                             {/foreach}
                                                        </p>
                                                     </li>  
                                                     <p class="order-price">
                                                         ￥{$order_detail.order_amount}
                                                     </p>
                                                </ul> 
                                               
                                            </td>
                                            {if $order_detail.pay_status eq '2'}
                                            <td class="order-actions">
                                                
                                                   <a class="btn" href="javascript:;">投诉/反馈</a>
                                                    <a class="btn" href="javascript:;">申请退款</a>     
                                            </td>
                                            {/if}
                                        </tr> 
                                    </tbody>
                                </table>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="order-progress clearfix">
                    <ol class="progress-list clearfix">
                        <li class="step step-first step-active">
                            <div class="progress"><span class="text">下单</span></div>
                            <div class="info">{$make_order_time}</div>
                        </li>
                        <li class="step">
                            <div class="progress"><span class="text">付款</span></div>
                            <div class="info">{$pay_time}</div>
                        </li>
                        <li class="step">
                            <div class="progress"><span class="text">交易成功</span></div>
                            <div class="info"></div>
                        </li>
                    </ol>
                </div>
                <!--  -->
                <div class="order-view-box clearfix">
                    <div class="order-detail-info  clearfix">
                        <h3>联系人和联系方式</h3>
                        <table class="info-table">
                            <tbody>
                            <tr>
                                <th> 姓名:</th>
                                <td>{$order_detail.user_name}</td>
                            </tr>

                             <tr>
                                <th>手机：</th>
                                <td>{$order_detail.phone}</td>
                            </tr>
                            <tr>
                                <th>Q Q：</th>
                                <td>{$order_detail.qq}</td>
                            </tr>
                            <tr>
                                <th>邮箱: </th>
                                <td>{$order_detail.email}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="order-detail-info  clearfix">
                        <h3>发票信息</h3>
                       <p>不需要发票</p>
                    </div>
                </div>
              
                 <!--  -->
                <!-- <div class="order-view-box clearfix">
                    <h3><em>*</em> 退款原因</h3>
                    <div class="tag-item">
                        <ul class="class-list">
                            <li class=" curr ">课程质量不满意<b></b></li>
                            <li class="">自己备考<b></b></li>
                            <li class="">性价比低<b></b></li>
                            <li class="">不适应网络课程<b></b></li>
                            <li class="">其他<b></b></li>
                            
                          </ul>
                    </div>
                    <h3><em>*</em>详细退款理由</h3>
                    <div class="sumy-area">
                        <textarea name="" class="area " cols="" rows=""></textarea>
                    </div>
                    <h3><em>*</em>请输入您的登录密码</h3>
                   <input type="password" class="hf-password" name="password" maxlength="20" placeholder="密码" data-hf-widgets="2">
                   <!--btn-disabled  -->
                   <div class="setcomment">
                       <a class="btn btn-disabled" href="javascript:;" target="_blank">提交退款申请</a>
                   </div>
                  
                <!-- </div> -->
            </div>
        </div>
    </div>
  </div>

</div>
<!-- 退款弹出框 Start-->
<div class="refund" id="">
  <div class="mask">
  </div>
  <div class="popMain">
      <div class="popMain-t">
         <div class="popContent">
            <div class="layer_msg info_icon">
                <p>申请退款成功，我们的客服人员会在1个工作日内与您取得联系!</p>
               
            </div>
             <a class="btn" href="javascript:;">确定</a>
        </div>
      </div>
  </div>
</div>
<!-- 退款弹出框 Start-->
{include file="foot.html"}
</body>
</html>